<html>
    <head>
        <title>tabbar</title>
    </head>
    <body>
        <script>
            /*
               十、tabBar

                             <1> 、概述

                                        如果应用时一个多tab 应用，可以通过tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。

                                        在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。

                                        在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。

                                    ★、注意点：

                                                ①、当设置 position 为 top 时，将不会显示 icon

                                                ②、tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

                                                ③、tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花（hello uni-app使用了此方式）

                                                ④、tabbar 的页面展现过一次后就保留在内存中，再次切换 tabbar 页面，只会触发每个页面的onShow，不会再触发onLoad。

                                                ⑤、顶部的 tabbar 目前仅微信小程序上支持。

                                                    需要用到顶部选项卡的话，建议不使用 tabbar 的顶部设置，
                                                    
                                                    而是自己做顶部选项卡，可参考 hello uni-app->模板->顶部选项卡。

                            <2> 、属性列表：

                                            属性	        类型	       必填	       默认值	    描述	                                                    平台差异说明

                                        1、color	        HexColor	    是		            tab 上的文字默认颜色

                                        2、selectedColor	HexColor	    是		            tab 上的文字选中时的颜色	
                                        
                                        3、backgroundColor	HexColor	    是		            tab 的背景色	
                                        
                                        4、borderStyle	    String	        否	        black	tabbar 上边框的颜色，可选值 black/white，、
                                                                                                black对应颜色rgba(0,0,0,0.33)，
                                                                                                white对应颜色rgba(255,255,255,0.33)。	                                App 2.3.4+ 、H5 3.0.0+、微信小程序
                                        
                                        5、blurEffect	    String	        否	        none	iOS 高斯模糊效果，可选值 dark/extralight/light/none（参考:使用说明）	App 2.4.0+ 支持、H5 3.0.0+（只有最新版浏览器才支持）
                                        
                                        6、list	            Array	        是		            tab 的列表，详见 list 属性说明，最少2个、最多5个 tab	
                                       
                                        7、position	        String	        否	        bottom	可选值 bottom、top	top 值仅微信小程序支持
                                        
                                        8、fontSize	        String	        否	        10px	文字默认大小	                                                        App 2.3.4+、H5 3.0.0+
                                        
                                        9、iconWidth	    String	        否	        24px	图标默认宽度（高度等比例缩放）	                                          App 2.3.4+、H5 3.0.0+
                                        
                                        10、spacing	        String	        否	        3px	    图标和文字的间距	                                                     App 2.3.4+、H5 3.0.0+
                                        
                                        11、height	        String	        否	        50px	tabBar 默认高度	                                                        App 2.3.4+、H5 3.0.0+
                                        
                                        12、midButton	    Object	        否		            中间按钮 仅在 list 项为偶数时有效	                                      App 2.3.4+、H5 3.0.0+
                                        
                                        13、iconfontSrc	    String	        否		            list设置 iconfont 属性时，需要指定字体文件路径	                           App 3.4.4+、H5 3.5.3+
                                        
                                        14、backgroundImage	String	        否		            设置背景图片,优先级高于 backgroundColor	App
                                        
                                        15、backgroundRepeat String	        否		            设置标题栏的背景图平铺方式，
                                                                                                可取值："repeat" - 背景图片在垂直方向和水平方向平铺；
                                                                                                "repeat-x" - 背景图片在水平方向平铺，垂直方向拉伸；
                                                                                                "repeat-y" - 背景图片在垂直方向平铺，水平方向拉伸；
                                                                                                "no-repeat" - 背景图片在垂直方向和水平方向都拉伸。 
                                                                                                默认使用 "no-repeat"	App
                                       
                                        16、redDotColor	    String	        否		            tabbar上红点颜色


                                <2>、list的元素的属性列表

                                                其中 list 接收一个数组，数组中的每个项都是一个对象，器属性值如下：

                                                    属性	        类型	    必填	    说明	                                                                平台差异

                                                1、pagePath	        String	    是	        页面路径，必须在 pages 中先定义	

                                                2、text	            String	    是	        tab 上按钮文字，在 App 和 H5 平台为非必填。
                                                                                            例如中间可放一个没有文字的+号图标	

                                                3、iconPath	        String	    否	        图片路径，icon 大小限制为40kb，
                                                                                            建议尺寸为 81px * 81px，
                                                                                            当 position 为 top 时，此参数无效，不支持网络图片，不支持字体图标	

                                                4、selectedIconPath	String	    否	        选中时的图片路径，icon 大小限制为40kb，
                                                                                            建议尺寸为 81px * 81px ，当 position 为 top 时，此参数无效	

                                                5、visible	        Boolean	    否	        该项是否显示，默认显示	App (3.2.10+)、H5 (3.2.10+)

                                                6、iconfont	        Object	    否	        字体图标，优先级高于 iconPath
                                                                        
                    */
        </script>
    </body>
</html>